<template>
  <div class="chub_comments">
    <navbar>评论</navbar>

    <div class="wrapper">
      <div class="content">
        <!--<drop-load v-ref:scroller :refresh="refresh" :load-more="loadMore" :has-more="hasMore">-->

        <LoadMore :height="heights" :load-more="loadMore" :refresh="refresh" :has-more="hasMore" :auto=false  ref="pulldown">
            <div class="count mx-1px-bottom">{{ total_number }}条评论</div>
                <ul class="comments">
                  <li class="mx-1px-bottom" v-for="i in chubComments">
                    <div class="portrait" :style="{backgroundImage:'url('+i.user.avatar+')'}"></div>
                    <div class="right">
                      <h2 class="vlc-nowrap">{{ i.user.nick_name }}</h2>
                      <p>{{ i.comment }}</p>
                      <div class="time">{{ i.created_at | time16 }}</div>
                    </div>
                  </li>
               </ul>
        </LoadMore>
        <!--</drop-load>-->
      </div>
      <div class="post">
        <div class="input vmc-1px" @click="jump('chub_post')">写评论</div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import js from '../../../cores/chub/comments.vue';

  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../styles/chub.less";
  .chub_comments{
  .vlc-loadmore{
      padding-bottom:46px;
      .comments{
        background-color: #ffffff;
      }
  }

  /*.post{*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
  /*}*/
  }


</style>

